<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=1024"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <title>Spring Boot Learn</title>
    <meta name="description"
          content="impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com."/>
    <meta name="author" content="Bartek Szopka"/>
    <link href="css.css" rel="stylesheet"/>
    <link href="css/impress-demo.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="favicon.png"/>
    <link rel="apple-touch-icon" href="apple-touch-icon.png"/>
</head>

<body class="impress-not-supported">
<div class="fallback-message">
    <p>您的浏览器 <b>不支持</b> impress.js, 你可能会看到一个简化的版本.</p>
    <p>最好使用最新版的 <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> 浏览器.</p>
</div>
<div id="impress">
    <div id="bored" class="step slide" data-x="-1000" data-y="-1500">
        <q style="font-size: 25px;">SpringBoot作为Java编程语言的一个全新开发框架，在国内外才刚刚兴起，还未得到普及使用。
            相比于以往的一些开发框架，SpringBoot不但使用更加简单，而且功能更加丰富，性能更加稳定而健壮。
            使用SpringBoot开发框架，不仅能提高开发速度，增强生产效率，从某种意义上，
            可以说是解放了程序猿的劳动，而且一种新技术的使用，更能增强系统的稳定性和拓展系统的性能指标。</q>
    </div>
    <div class="step slide" data-x="0" data-y="-1500">
        <q style="font-size: 20px;">SpringBoot是在Spring框架基础上创建的一个全新框架，其设计目的是简化Spring应用的搭建和开发过程，它不但具有Spring的所有优秀特性，而且具有如下显著特点：
            <li>为Spring开发提供更加简单的使用和快速开发的技巧</li>
            <li>具有开箱即用的默认配置功能，能<strong>根据项目依赖自动配置</strong></li>
            <li>具有功能更加强大的服务体系，包括嵌入式服务、安全、性能指标、健康检查等</li>
            <li>绝对没有代码生成，可以 <strong> 不再需要XML配置</strong>，提供了非常完美的整合，使你在简单的使用中，不知不觉运用了非常高级和先进的技术</li>
        </q>
    </div>
    <div class="step slide" data-x="1000" data-y="-1500">
        <q style="font-size: 40px;">
            <li>支持spring data jpa</li>
            <li>支持activemq</li>
            <li>支持mybatis+mapper+pagehelper</li>
            <li>支持spring task+websocket</li>
            <li>支持spring cache+redis</li>
            <li>支持aoplog</li>
            <li>使用async异步调用</li>
        </q>
    </div>
    <!--<div id="title" class="step" data-x="0" data-y="0" data-scale="4">-->
        <!--<span class="try">then you should try</span>-->
        <!--<h1>impress.js<sup>*</sup></h1>-->
        <!--<span class="footnote"><sup>*</sup> no rhyme intended</span>-->
    <!--</div>-->
    <!--<div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">-->
        <!--<p>It's a <strong>presentation tool</strong> <br/>-->
            <!--inspired by the idea behind <a href="http://prezi.com">prezi.com</a> <br/>-->
            <!--and based on the <strong>power of CSS3 transforms and transitions</strong> in modern browsers.</p>-->
    <!--</div>-->
    <!--<div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">-->
        <!--<p>visualize your <b>big</b> <span class="thoughts">thoughts</span></p>-->
    <!--</div>-->
    <!--<div id="tiny" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="300" data-scale="1">-->
        <!--<p>and <b>tiny</b> ideas</p>-->
    <!--</div>-->
    <!--<div id="ing" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">-->
        <!--<p>by <b class="positioning">positioning</b>, <b class="rotating">rotating</b> and <b-->
                <!--class="scaling">scaling</b> them on an infinite canvas</p>-->
    <!--</div>-->
    <!--<div id="imagination" class="step" data-x="6700" data-y="-300" data-scale="6">-->
        <!--<p>the only <b>limit</b> is your <b class="imagination">imagination</b></p>-->
    <!--</div>-->
    <!--<div id="source" class="step" data-x="6300" data-y="2000" data-rotate="20" data-scale="4">-->
        <!--<p>want to know more?</p>-->
        <!--<q><a href="http://github.com/bartaz/impress.js">use the source</a>, Luke!</q>-->
    <!--</div>-->
    <!--<div id="one-more-thing" class="step" data-x="6000" data-y="4000" data-scale="2">-->
        <!--<p>one more thing...</p>-->
    <!--</div>-->
    <!--<div id="its-in-3d" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10"-->
         <!--data-scale="2">-->
        <!--<p><span class="have">have</span> <span class="you">you</span> <span class="noticed">noticed</span> <span-->
                <!--class="its">it's</span> <span class="in">in</span> <b>3D<sup>*</sup></b>?</p>-->
        <!--<span class="footnote">* beat that, prezi ;)</span>-->
    <!--</div>-->
    <!--<div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">-->
    <!--</div>-->
</div>
<!--<div class="hint">-->
    <!--<p>使用空格键或方向键导航</p>-->
<!--</div>-->
<script>
    if ("ontouchstart" in document.documentElement) {
        document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
    }
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>



